
<div class="box">
    <header>
     <div class="search">
        <input type="text" placeholder="      原神3.3 " class="centen">
        <div class="header2">
            <img src="assets/img/图片/touxiang.jpg" alt="">
        </div>
     </div> 
     <div class="header1">
        <img src="assets/img/图片/search.png" alt="">
    </div>
    </header>
    <section>
        <div class="section1">
            <ul>
                <li class="box1"><b>推荐</b></li>
                <li>即将上线</li>
                <li>热门榜</li>
                <li>预约榜</li>
                <li>热玩榜</li>
                <li>热卖榜</li>
            </ul>    
        </div>
        <div class="section2">
            <img src="assets/img/图片3/nulu.jpg" alt="">
            <img src="assets/img/图片3/leidian.jpg" alt="">
        </div>
        <div class="section3">
                    <div class="section3a">
                       <a [routerLink]="['/maoxianwuyu']">
                            <!-- <div class="a">
                                <img src="assets/img/图片3/maoxian.jpg" alt="">
                            </div> -->
                            <div class="a" *ngFor="let home of GameHome">
                                <img src="{{home.img}}" alt="">
                            </div>
                       </a>
                        <div class="b">
                            <p class="b1">冒险村物语</p>
                            <div class="b2"><p>测试</p></div>
                            <p class="b3">经营村庄，招募勇士，击退恶龙，向理想村落进发！</p>
                            <div class="c">
                                <img src="assets/img/图片3/tap.jpg" alt="">
                            </div>
                            <p class="b4">9.0</p>
                            <div class="d">
                                <img src="assets/img/图片3/zan.jpg" alt="">
                                <p>编辑推荐</p>
                            </div>
                            <div class="e">
                                <img src="assets/img/图片3/xin.jpg" alt="">
                                <p>高分游戏</p>
                            </div>
                        </div>
            </div>
            <!-- <div class="section3" *ngFor="let home of GameHome">
                <div class="3a" *ngFor="let home of GameHome">
                   <div class="a" *ngFor="let home of GameHome">
                     <img src="{{home.img}}" alt="">
                     <div class="b" *ngFor="let home of GameHome">

                     </div>
                    </div>

                </div>
            </div> -->



            <div class="section3b">
                <!-- <div class="x">
                    <img src="assets/img/图片3/maoxian.jpg" alt="">
                </div> -->
                <div class="a" *ngFor="let home of GameHome">
                                <img src="{{home.img}}" alt="">
                            </div>
                <div class="x2">
                    <p class="x3">冒险村物语</p>
                    <div class="x4"><p>测试</p></div>
                    <p class="x5">经营村庄，招募勇士，击退恶龙，向理想村落进发！</p>
                    <div class="x6">
                        <img src="assets/img/图片3/tap.jpg" alt="">
                    </div>
                    <p class="x7">9.0</p>
                    <div class="x8">
                        <img src="assets/img/图片3/zan.jpg" alt="">
                        <p>编辑推荐</p>
                    </div>
                    <div class="x9">
                        <img src="assets/img/图片3/xin.jpg" alt="">
                        <p>高分游戏</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
            <div class="x1">
                <i class="iconfont icon-shouye-shouye"></i>
                <span>首页</span>
            </div>
            
        <a [routerLink]="['/youxi']">
              <div class="i1">
                    <i class="iconfont icon-xingqiu"></i>
                    <span>游戏</span>
              </div>
        </a>
          <div>
            <i class="iconfont icon-duihuakuang"></i>
            <span>动态</span>
          </div>
            <div>
                <i class="iconfont icon-xiaoxi"></i>
                <span>消息</span>
            </div>
            <a [routerLink]="['/wode']">
                <div class="i2">
                    <i class="iconfont icon-94"></i>
                    <span>我的</span>
                </div>
            </a>
    </footer>
</div>
